<template>
  <div>
    <el-tree :props="props" :load="loadNode" lazy @node-click='nodeClick' > </el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      props: {
        label: "name",
        children: "zones",
        isLeaf: "leaf",
      },
    };
  },
  methods: {
      nodeClick(node,data){
        this.$emit('sedTree',data)
      },
    loadNode(node, resolve) {
      if (node.level === 0) {
        this.$api.getSelectCategory().then(res=> {
            return resolve(res.data.result);
        });
      
      }
      if (node.level >= 1) {
          this.$api.getSelectCategory({
               id:node.data.cid
          }).then(res=>{
              if(res.data.status===200){
                   return resolve(res.data.result);
              }else{
                  return resolve([])
              }
          })
       
      }
    },
  },
};
</script>
<style>
</style>